<!-- max_color_diff with chrome is 34 (visually noticeable) -->
<!-- from https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/conic-gradient -->
<!doctype html>
<style>
body,p {margin:0}
p {
	width: 100px;
	height: 100px;
	background: conic-gradient(from 0.25turn at 50% 30%, #f69d3c, 10deg, #3f87a6, 350deg, #ebf8e1);
}
</style>
<p>